<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			#tip{
				position: absolute;
			}
		</style>
		<a href="#" title="你好帅" id="cli">点击我</a>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script>
			var x=100;
			var y=10;
			$("#cli").mouseover(function(){
				var tip="<div id=\"tip\" >"+this.title+"</div>";
				$("body").append(tip);
				$("#tip").css({
					"top":(e.pageX+x)+"px",
					"left":(e.pageY+y)+"px"
				}).show("fast");
			})
		</script>
	</body>
</html>
